<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>

<script type="text/javascript" src="jquery-2.1.1.min.js"></script>

<script>
$(function(){
	$('#somar').click(function(){
		
		var a = $("#v1").val();
		var b = $("#v2").val();
		
		console.log(a);
		console.log(b);
		
// 	    $.ajax({
// 	      type: 'get',
// 	      data: 'a=' + a + '&b=' + b,
// 	      url:'http://localhost:8080/JAX-RS/calc/soma/' + a + '/' + b,
// 	      success: function(retorno){
// 	    	  console.log(retorno);
	    	  
// 	    	  alert(retorno);
	    	 
// 	        $('#resultado').html(retorno);
// 	        console.log($('#resultado').val());
// 	      }
// 	   })

		$.getJSON('http://localhost:8080/JAX-RS/calc/soma/' + a + '/' + b, function(info){
		    var resultado = info.resultado;
		    
		    $('#resultado').html(resultado);
		})

	})
})
</script>
</head>
<body>

	<input name="v1" id="v1" />
	<input name="v2" id="v2" />
	<input id="somar" type="button" value="Somar!" />
	
	<span id="resultado" ></span>

</body>
</html>